<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.js"></script>
</head>
<body>
    <div id="box" style="width: 500px;height: 400px"></div>
</body>
<script>
  var myMap=echarts.init(document.getElementById("box"));
  var option={
      title: {
          text: 'Basic Radar Chart'
      },
    tooltip: {},
    legend: {
    },
    radar: {
      indicator: [{
        name:"第一产业",
        max:20,
        min:0,
      },
        {
          name:"第二产业",
          max:60,
          min:0,
          color:'red'
        },{
          name:"第三产业",
          max:70,
          min:0,
        }],
      shape: "polygon",
      splitNumber:3,
      splitArea:{
        show:true,
        areaStyle:{
          color:["#FFF","#32ac8b","#0d7a82"]
        }
      },
      // scale: false
    },
    series: [{
      name: "国名经济",
      type: "radar",
      // itemStyle:{
      //   color:"red"
      // },
      data: [{
        value: [10.4,43.3,46.3],
        name: "2020",
      }, {
        value: [6.4,38.9,54.7],
        name: "2021"
      },
        {
          value: [10.5,47.7,41.8],
          name: "2022"
        }, ]
    }]
  }
  myMap.setOption(option);
</script>
</html>